<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
		//对象 的重要方法
			const obj = {
				id:10002,
				name:'xiaoming',
				age:16,
				address:'XX省XX市'
			}
			
			//以前遍历对象for-in
			// for(let key in obj){
			// 	// console.log(666) //可以通过其观察他能遍历多少次
			// 	console.log(key, obj[key])
			// }
			//let key 声明key变量，key存的是属性名
			
			console.log(Object.keys(obj))
			//Object.keys(obj) 作用：返回一个数组，包含obj内的所有可以枚举的键值（属性名）
			
			console.log("==============================")
			
			//forEach遍历 Object.keys(obj) 数组内的键值
			//arr.forEach() 类似
			Object.keys(obj).forEach(key => {
				console.log(key, obj[key])
			})
			
			console.log("==============================")
			
			//eg：只遍历obj中以a开头的属性
			//startWith判断首字母
			//1.取出键值，放入数组 2.过滤 3.循环打印
			Object.keys(obj)
				.filter((key) => key.startsWith('a'))
					.forEach(key => console.log(key, obj[key]))
			
			
		</script>
	</body>
</html>